import Box from '@mui/material/Box';
import { CheckCircleTwoTone } from '@ant-design/icons'
import IdLabel from '../../../components/IdLabel';
const GamingRoom = (props) => {
  const { room, game, seat, classNames, ...otherProps } = props;
  const isPlayer = !!seat;

  return (
    <div {...otherProps}>
      <IdLabel></IdLabel>
      {!isPlayer && <h1>您正在观战</h1>}
      {isPlayer && game.state === 1 && <h1>博弈结果</h1>}
      <Box
        sx={{ display: "flex", justifyContent: "center", marginTop: '20px' }}
      >
        <Box
          sx={{
            width: 400,
            backgroundColor: "rgb(239,247,238)",
            padding: '20px',
            border: "1px solid green",
            borderRadius: "20px"
          }}
        >
          <div style={{ position: "relative", left: "-40px", top: "-30px", float: "left" }} >
            <CheckCircleTwoTone twoToneColor="#52c41a" style={{ fontSize: '50px' }} />
          </div>
          <pre >{game.results}</pre>
        </Box>
      </Box>
    </div>
  );
};

export default GamingRoom;
